<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>填写信息</title>
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/common.css">
  <link rel="stylesheet" href="css/step-two.css">
  <link rel="stylesheet" href="css/check.css">
</head>
<body>
  <div class="header">
    <div class="nav">
      <span class="title">院士专家工作站认证平台</span>
      <span class="name">认证管理</span>
      <div class="user">
        <img src="img/person.png" class="icon">
        <span class="user-name">管理员姓名</span>
      </div>
    </div>
  </div>

  <h2>院士专家工作站(园区服务中心)认证备案</h2>  
  
  <div class="wrapper">  
    <p class="basic">基础信息</p>
    <div class="container">
      <div class="basic-info">
        <div class="type-name">所在省：</div><span>所在省名称</span>
        <div class="type-name">所在市：</div><span>所在市名称</span>
      </div>
      <div class="basic-info">
        <div class="type-name">所在分类：</div><span>企业院士专家工作站</span>
      </div>
      <div class="basic-info">
        <div class="type-name">所在领域：</div><span>所在领域名称所在领域名称所在领域名称</span>
      </div>
    </div>

    <div class="seperate-line">
      <p class="txt">
        工作站基本信息<br><span class="color-orange">（必填）</span>
      </p>
    </div>
    <div class="container">
      <div class="block">
        <div class="type-name">推荐单位：</div>
        <input type="text" class="input" disabled="disabled" value="菲达环保公司院士专家工作站">
      </div>
      <div class="block">
        <div class="type-name">推荐单位联系人：</div>
        <input type="text" class="input" disabled="disabled" value="季国标">
        <div class="type-name">联系人电话：</div>
        <input type="text" class="input" disabled="disabled" value="13833883838">
      </div>
      <div class="block">
        <div class="type-name">认证示范工作站名称：<br>(园区服务中心)</div>
        <!-- <input type="text" class="input big-input"> -->
        <textarea class="tiny-textarea" disabled="disabled">高新园区</textarea>
      </div>
      <div class="block">
        <div class="type-name">建站（中心）时间：</div>
        <input type="text" class="input" placeholder="例：2017-3-20" disabled="disabled" value="2017-3-31">
      </div>
      <div class="block">
        <div class="type-name">审批（备案）部门：</div>
        <input type="text" class="input" disabled="disabled" value="教育部">
      </div>
      <div class="block">
        <div class="type-name">建站单位联系人：</div>
        <input type="text" class="input" disabled="disabled" value="蒋士成">
        <div class="type-name">联系人电话：</div>
        <input type="text" class="input" disabled="disabled" value="13833883930">
      </div>
      <div class="block">
        <div class="type-name">研发投入情况：</div>
        <span class="font-16">近两年年均研发经费投入占销售收入比例</span>
        <input type="text" class="input width-288" placeholder="例：50%" disabled="disabled" value="110%">
      </div>
      <div class="block">
        <div class="type-name">企业研发情况：</div>
        <span class="font-16">2016年</span>
        <input type="text" class="input width-70" placeholder="例：50%" disabled="disabled" value="70%">
        <span class="font-16" style="margin-right: 20px;">人;</span>
        <span class="font-16">2017年</span>
        <input type="text" class="input width-70" placeholder="例：50%" disabled="disabled" value="80%">
        <span class="font-16">人;</span>
      </div>
      <div class="block">
        <div class="type-name"></div>
        <span class="font-16">研究人员占员工比例</span>
        <input type="text" class="input" placeholder="例：50%" disabled="disabled" value="30%">
      </div>
    </div>

    <div class="seperate-line">
      <p class="txt">
        工作站基本情况<br><span class="color-orange">（必填）</span>
      </p>
    </div>

    <div class="container-middle">
      <p>进展院士及团队成员名称、工作单位、专业领域：</p>
      <div class="text-area">
        <textarea disabled="disabled">进展院士及团队成员名称、工作单位、专业领域</textarea>
         <div class="count">0/300</div>
      </div>
     
      <p>进展专家开展服务内容</p>
      <p>1、战略咨询&nbsp;&nbsp;2、具体创新难题&nbsp;&nbsp;3、成果转化&nbsp;&nbsp;4、培养创新人才</p>
      <div class="text-area">
        <textarea disabled="disabled">战略咨询、具体创新难题、成果转化、培养创新人才</textarea>
        <div class="count">0/300</div>
      </div>
      <p>项目合作情况&合作项目名称</p>
      <p>1、合作项目进展&nbsp;&nbsp;2、已完成&nbsp;&nbsp;3、正在进行&nbsp;&nbsp;4、未完成</p>
      <div class="text-area mb-20">
        <textarea disabled="disabled">正在进行中</textarea>
        <div class="count">0/300</div>
      </div>
    </div>
    
    <div class="seperate-line">
      <p class="txt">
        工作站基本信息<br>（选填）</span>
      </p>
    </div>
    <div class="container width-720">
      <p class="tip">企业技术创新需求：</p>
      <div class="text-area">
        <textarea disabled="disabled">创新</textarea>
        <div class="count">0/300</div>
      </div>
      
      <p class="tip">希望邀请的进站院士和专家的姓名、工作单位等信息：</p>
      <div class="text-area">
        <textarea disabled="disabled">博士、硕士</textarea>
        <div class="count">0/300</div>
      </div>
      <p class="tip">企业希望合作的方式</p>
      <div class="text-area">
        <textarea disabled="disabled">互利共赢</textarea>
        <div class="count">0/300</div>
      </div>
      <p class="tip">企业希望投入研发力量如人员、经费等信息：</p>
      <div class="text-area">
        <textarea disabled="disabled"></textarea>
        <div class="count">0/300</div>
      </div>
    </div>
  </div>
    
  <div class="btns">
    <a href="##" class="pass">通过</a>
    <a href="##" class="back">驳回</a>
  </div>

  <!-- 底部 -->
  <div class="footer">
    <div class="introduce">
      <span class="title">院士专家工作站认证平台</span>
      <div class="about-us">
        <a href="##">关于我们</a>
        <a href="##">关于我们</a>
        <a href="##">关于我们</a>
      </div>

      <div class="about-us">
        <a href="##">关于我们</a>
        <a href="##">关于我们</a>
        <a href="verify-info.html">认证信息</a>
      </div>

      <div class="contact-us">
        <img src="img/tel.png">
        <span>联系我们</span>
        <p>0794-000-000</p>
      </div>
    </div>
    <p class="bottom">
      院士专家工作认证 版权所有 联系我们 京ICP 备 10559855 号-4 海淀分局备案 1101025452
    </p>
  </div>
  <script src="js/jquery-1.8.3.min.js"></script>
  <script src="js/common.js"></script>
  <script>
    var textArea = $('textarea');
    var count = $('.count');

    for (var i = 0 ; i < textArea.length; i++) {
      var start = i + 1;
      var txtLength = textArea.eq(start).val().length;
      count.eq(i).text(txtLength + '/300');
    }
  </script>
</body>
</html>